<template>
  <basic-container>
    <el-row>
      <el-col :span="20">
        <el-form>
          <el-row>
            <el-col span="8" style="min-width:150px">
              <div class="text" style="width: 33%">账户名</div>
              <el-input
                id="id-offer-cerative-input-name"
                placeholder="请输入账户名"
                v-model="accountform.name"
                clearable style="width: 60%" size="mini">
              </el-input>
            </el-col>
            <el-col span="8" style="min-width:150px">
              <div class="text" style="width: 33%">账户ID</div>
              <el-input
                id="id-offer-cerative-input-platformId"
                placeholder="请输入账户名"
                v-model="accountform.platformId"
                clearable style="width: 60%" size="mini">
              </el-input>
            </el-col>
            <el-col span="8" style="min-width:150px">
              <div class="text" style="width: 33%">账户运营人</div>
              <el-input
                id="id-offer-cerative-input-operator"
                placeholder="请输入账户名"
                v-model="accountform.operator"
                clearable style="width: 60%" size="mini">
              </el-input>
            </el-col>
          </el-row>
        </el-form>
        <el-table :data="accountList">
          <el-table-column prop="id" type="selection"></el-table-column>
          <el-table-column prop="name"  label="账户名"/>
          <el-table-column prop="platformId"  label="账户ID"/>
          <el-table-column prop="operator"  label="账户运营人"/>
        </el-table>
      </el-col>
    </el-row>
  </basic-container>
</template>

<script>
  import store from "../creative";

  export default{
    data() {
      return {
        accountList:[],
        accountform:{
          name: undefined,
          platformId: undefined,
          operator: undefined,
        },
        page: {
          pageSize: 15,
          currentPage: 1,
          total: 0,
          offerId: store.state.user.offer,
          pageSizes: [10, 15, 20, 30, 40, 50, 100],
        },
      }
    },
    created(){

    }
  }
</script>
